<!DOCTYPE html>
<html lang="zn-CN">
<head>
    <meta charset="UTF-8">
    <title>个人通讯录</title>
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <script src="static/layui/layui.js"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">个人通讯录</div>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href=" ">通讯录</a >
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="PersonalAddressBook.html">通讯录操作</a ></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <iframe src="PersonalAddressBook.html" frameborder="0" id="demoAdmin" style="width: 100%; height: 100%; border-radius: 2px;"></iframe>
    </div>

    <script type="text/javascript">
        layui.use(['jquery'],function () {
            var $ = layui.jquery;
            $(".menuUrl").click(function () {
                var menuUrl = $(this).attr("data");
                $("#demoAdmin").attr("src",menuUrl);
            })
        })
    </script>
</div>

</body>
</html>